<template>
  <div class="container">
     <item :data="value" v-for="value of data" :key="value.id"></item>
  </div>
</template>
<script>
import Item from './components/mv'
export default {
    name:"Mv",
    data() {
        return {
           data:[] 
        }
    },
    components:{
        Item
    },
     mounted(){
         this.axios.get("mv/first").then(res=>{
             this.data= res.data.data
             console.log(this.data)
         })
     }
    
}
</script>

<style lang="less" scoped>
.container{
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 5px 5px;
    justify-content: center;

    
}

</style>